<template>
  <page-wrap stay-still :bgColor="topBg" :dark="false" back hideTab title="就业分享">
    <view class="content-desc">
      <view class="content-title">
        就业分享
      </view>
      <view class="content-text">
        <view class="table">
          <view class="table-head">
            双选会“就业分享区”活动流程
          </view>
          <view class="table-th">
            <view class="table-td">时间</view>
            <view class="table-td">项目</view>
            <view class="table-td">内容</view>
          </view>
          <view class="table-tr" v-for="item,index in list" :key="index">
            <view class="table-td">{{item.time}}</view>
            <view class="table-td">{{item.item}}</view>
            <view class="table-td">{{item.content}}</view>
          </view>
        </view>
      </view>
    </view>
  </page-wrap>
</template>
<script>
import ShareMixin from "@/mixins/share";
export default {
  mixins: [ShareMixin],
  data() {
    return {
      topBg: `url(${this.$imgBaseSelf}home/top_bg.png)`,
      content: '',
      sharePath: "/pagesSub/activity/sxh/index",
      shareTitle: "第28届全国高校毕业生秋季就业双选会 - 一览职业",
      list: [
        {
          time: '09:30-10:00',
          item: '暖场',
          content: '播放企业宣传视频',
        },
        {
          time: '10:00-10:05',
          item: '开场',
          content: '主持人开场介绍',
        },
        {
          time: '10:06-10:10',
          item: '领导致辞',
          content: '市人力资源保障局领导致辞宣布开幕',
        },
        {
          time: '10:11-10:20',
          item: '生态平台推介',
          content: '深圳市人力资源生态服务平台——大学生专区推介',
        },
        {
          time: '10:21-10:25',
          item: '聘书颁发',
          content: '大学生专区首批职业指导导师代表聘书颁发',
        },
        {
          time: '10:25-10:30',
          item: '启动仪式',
          content: '双选会开幕暨深圳人力资源生态平台大学生就业专区启动',
        },
        {
          time: '10:30-12:30',
          item: '模拟面试',
          content: '8名学生公开面试，并给予相应的面试指导和建议',
        },
        {
          time: '12:30-13:30',
          item: '休息',
          content: '播放企业宣传视频',
        },
        {
          time: '13:30-14:00',
          item: '主题分享',
          content: '《注意这六大误区避免简历石沉大海》',
        },
        {
          time: '14:00-16:00',
          item: '模拟面试',
          content: '8名学生公开面试，并给予相应的面试指导和建议',
        },
        {
          time: '16:00',
          item: '活动结束',
          content: '活动结束',
        },
      ]
    };
  },
  created() {
  },
  methods: {

  },
  
};
</script>
<style lang="scss" scoped>
.content-desc {
  padding-top: 270rpx;
  min-height: 1375rpx;
  background-image: url($img-base + "zph/sxh/common-bg.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #b2ebfe;

  .content-title {
    position: relative;
    top: 34rpx;
    width: 424rpx;
    margin: -34rpx auto 0;
    text-align: center;
    color: #fff;
    font-size: 32rpx;
    line-height: 70rpx;
    background-image: url($img-base + 'zph/sxh/title-bg.png');
    background-size: 100% 100%;
  }


  .content-text {
    width: 686rpx;
    margin: 0 auto;
    margin-bottom: 48rpx;
    padding: 68rpx 24rpx;
    background: #FFFFFF;
    border-radius: 24rpx;
  }

  .table {
    border: 2rpx solid #797979;
    color: #333333;
    font-size: 24rpx;

    &-head {
      padding: 10rpx 0;
      text-align: center;
    }

    &-th {
      display: flex;
      align-items: center;
      border-top: 2rpx solid #797979;
      border-bottom: 2rpx solid #797979;
    }

    &-tr {
      display: flex;
      align-items: center;
      align-items: stretch;
      border-bottom: 2rpx solid #797979;

       &:last-child {
        border-bottom: none;
      }
    }

    &-td {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 12rpx 0;
      text-align: center;

      &:nth-child(1) {
        width: 180rpx;
      }

      &:nth-child(2) {
        width: 190rpx;
        border-left: 2rpx solid #797979;
      }

      &:last-child {
        border-left: 2rpx solid #797979;
        width: 260rpx;
      }
    }
  }

}
</style>